<template>
	<el-container>
	  <el-header>
		  <nav-bar></nav-bar>
	  </el-header>
	  <el-container>
		 <el-aside width='auto'>
	    <side-bar></side-bar>
		</el-aside>
		<el-main>
			<router-view></router-view>
		</el-main>
	  </el-container>
	</el-container>
</template>

<script>
	import NavBar from '@/components/NavBar.vue'
	import SideBar from '@/components/SideBar.vue'
	export default{
		components:{
			NavBar,
			SideBar
		}
	}
</script>

<style lang="less" scoped>
	.el-header{
		background-color: #31404e;
	}
	.el-aside{
		background-color: #545c64;
		height:calc(100vh - 60px);
	}
</style>
